<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我的大学</title>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
/*整体的*/
body{background:url(../%E5%A4%A7%E4%BD%9C%E4%B8%9A%E5%9B%BE%E7%89%87/background1.jpg)no-repeat; background-size:cover; 
     height:1900px}
.clear{ clear:both}
/*导航条*/
#top{height:90px; width:1580px; 
     margin-top:-7px; border-bottom:1px solid #00F}
#top ul{ margin-top:-70px; margin-left:880px}
#top ul li{list-style:none; float:left; padding:0 40px; font-size:14px; line-height:12px;}
#top ul li a{text-decoration:none; color:#000; padding-left:10px;}
#top ul li a:hover{color:#00F;}
.logo{margin-top:10px; margin-left:220px}
/*图片*/
       #frame {/*----------图片轮播相框容器----------*/  
            position: absolute; /*--绝对定位，方便子元素的定位*/  
            width: 790px;  
            height: 297px;  
            overflow: hidden;/*--相框作用，只显示一个图片---*/  
            border-radius:5px;
			margin-top:5px; margin-left:400px;  			
        }
        #photos img {  
            float: left;  
            width:790px;  
            height:297px;  
        }  
        #photos {/*---设置总的图片宽度--通过位移来达到轮播效果----*/  
            position: absolute;z-index:9px;  
            width: calc(790px * 6);/*---修改图片数量的话需要修改下面的动画参数*/  
        }  
        .play{  
            animation: ma 10s ease-out infinite alternate;/**/  
        }  
        @keyframes ma {/*---每图片切换有两个阶段：位移切换和静置。中间的效果可以任意定制----*/  
            0%,10%   {margin-left: 0px;    }  
            15%,25%  {margin-left: -790px; }  
            30%,45%  {margin-left: -1580px;}  
            50%,65%  {margin-left: -2370px;}
			70%,80%  {margin-left: -3160px;} 
			80%,100% {margin-left: -3950px;}  
        } 
        @keyframes ma1 {100%{margin-left:-0px;}   }  
        @keyframes ma2 {100%{margin-left:-790px;} }  
        @keyframes ma3 {100%{margin-left:-1580px;}}  
        @keyframes ma4 {100%{margin-left:-2370px;}}
		@keyframes ma5 {100%{margin-left:-3160px;}}  
        @keyframes ma6 {100%{margin-left:-3950px;}}
		.num{  
            position:absolute;z-index:10;  
            display:inline-block;  
            right:304px;top:268px;  
            border-radius:100%;  
            background:#00F;  
            width:25px;height:25px;  
            line-height:25px;  
            cursor:pointer;  
            color:#fff;  
            text-align:center;  
            opacity:0.8;  
        }  
        .num:hover{background:#F00;}  
        .num:hover,#photos:hover{animation-play-state:paused;}  
        .num:nth-child(2){margin-right:30px}  
        .num:nth-child(3){margin-right:60px}  
        .num:nth-child(4){margin-right:90px}
		.num:nth-child(5){margin-right:120px}
		.num:nth-child(6){margin-right:150px}
        #a1:hover ~ #photos{animation: ma1 .5s ease-out forwards;}  
        #a2:hover ~ #photos{animation: ma2 .5s ease-out forwards;}  
        #a3:hover ~ #photos{animation: ma3 .5s ease-out forwards;}  
        #a4:hover ~ #photos{animation: ma4 .5s ease-out forwards;}
		#a5:hover ~ #photos{animation: ma5 .5s ease-out forwards;}
        #a6:hover ~ #photos{animation: ma6 .5s ease-out forwards;}
/*表单*/	
#log{width:300px;height:250px;
     background-image:url(../%E5%A4%A7%E4%BD%9C%E4%B8%9A%E5%9B%BE%E7%89%87/background2.png);background-size:300px 250px;/*背景大小*/
	 position:relative;float:right;margin-top:30px; margin-right:1240px;}
#log .user{width:250px;height:40px;position:absolute;top:40px;left:26px;
           background-image:url(../%E5%A4%A7%E4%BD%9C%E4%B8%9A%E5%9B%BE%E7%89%87/username.png);           
		   background-size:250px 40px;}
.user #username{width:189px;height:36px;font-size:14px;margin-left:50px;margin-top:1px;padding-left:10px;/*左内边距：10像素*/
                color:#fff;
                background:transparent;/*背景透明*/
				border:none;/*无边框*/
				border-radius:0px 6px 6px 0px;}/*圆角矩形：左上，右上，右下，左下*/
#username::-webkit-input-placeholder, textarea { /*输入框内文字颜色大小*/color: #fff;}  
#log .pwd{width:250px;height:40px;position:absolute;top:110px;left:26px;
          background-image:url(../%E5%A4%A7%E4%BD%9C%E4%B8%9A%E5%9B%BE%E7%89%87/password.png);          
		  background-size:250px 40px;}
.pwd #password{width:188px;height:36px;font-size:14px;margin-left:50px;margin-top:1px;padding-left:10px;color:#fff;
               background:transparent;border:none;}
#password::-webkit-input-placeholder, textarea{color: #fff;} 
#log .logandreg{width:250px;height:40px;position:absolute;top:180px;left:26px;}
.logandreg #login{width:123px;height:40px;font-size:16px;margin-top:1px;color:#000;float:left;border:1px solid;
                  border-color: rgba(255, 255, 255, 0.6);/*边框颜色：红色值，绿色值，蓝色值，透明度（0全透明，1不透明）*/
			      background-color: rgba(255, 255, 255, 0.5);/*背景颜色：红色值，绿色值，蓝色值，透明度（0全透明，1不透明）*/
                  border-radius:7px 0px 0px 7px;}/*圆角矩形：左上，右上，右下，左下*/
.logandreg #login:hover{background-color:#fff;}
.logandreg #regist{width:123px;height:40px;font-size:16px;margin-top:1px;color:#000;float:right;border:1px solid;
			       border-color: rgba(255, 255, 255, 0.6);
			       background-color: rgba(255, 255, 255, 0.5);
                   border-radius:0px 7px 7px 0px;}
.logandreg #regist:hover{background-color:#fff;}
/*侧拉条*/
#leftsead{width:131px;height:143px;position:fixed;top:100px;right:40px;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:60px; list-style:none;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:190px;top:2px;}
/*内容*/
#content{margin-top:340px; margin-left:160px;}
#content ul{margin-top:10px;}
#content ul li{list-style:none; padding-top:8px;}
#content ul li a{text-decoration:none; color:#000; font-size:16px; font-weight:900;}
#content ul li a:hover{color:#00F;}		
#content ul li p{font-size:14px; color:#666; margin-top:8px; margin-bottom:8px}
.solid{border-bottom:1px dashed #666; font-size:14px; color:#666; margin-top:6px; margin-bottom:10px}
.a{text-decoration:none; color:#000; border-bottom:2px solid #00F; margin-left:40px; font-size:20px}
.a:hover{color:#FFF; background:#00F}
#context1{border:1px solid #FFF; 
          background:url(../%E5%A4%A7%E4%BD%9C%E4%B8%9A%E5%9B%BE%E7%89%87/b1.jpg); background-size:cover;  
		  width:430px; 
          margin-left:-30px}
#context2{border:1px solid #FFF; background:#fff; width:430px; float:right; margin-right:570px; margin-top:-282px;}
#content h3{border-top:1px dashed #0000FF; margin-top:10px; margin-bottom:-18px;}
#content h3 a{text-decoration:none; color:#000;}
#content h4 a{text-decoration:none; color:#000;}
#context3{border:1px solid #FFF; background:#fff; width:430px; float:right; margin-right:120px; margin-top:-282px;}
#context4{margin-left:-28px; margin-top:20px; width:1310px}
.move{width:900px; height:500px; border-radius:6px 6px 6px 6px; border:2px solid #03F; margin-left:200px}
#context4 h2{margin-left:550px; font-size:30px; font-family:楷体;}
#context4 p{text-align:justify; 
            background-image:url(../%E5%A4%A7%E4%BD%9C%E4%B8%9A%E5%9B%BE%E7%89%87/b2.jpg); background-size:cover;}
/*底部*/
#footer{background:#202428; padding:25px 0 20px;}
.footer-right{margin-left:1250px; margin-top:-80px;}
#footer-left{margin-left:100px; margin-top:-10px;}
#footer-left ul li{font-size:20px; color:#FF9; list-style:none;}
#footer-left ul li a{text-decoration:none; font-size:18px; color:#FFF;}
#footer-left ul li a:hover{font-size:20px; color:#FF9}
</style>
<script type="text/javascript">  
function setTime(){	
var d=new Date()
timer.innerHTML=(d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()) 
document.getElementById('timer').style.color='white'
}
</script>

</head>

<body>
<div>

<!---------Top Start----------->
<div id="top">
     <img src="../大作业图片/logo1.png" class="logo">
     <ul>
        <li><a href="#"><img src="../大作业图片/t1.png" width="27px" height="33px"></a><a href="#"><p>大学首页</p></a></li>
        <li><a href="Content.html"><img src="../大作业图片/t2.png" width="27px" height="33px"></a><a href="Content.html"><p>学院概况</p></a></li>
        <li><a href="Life.html"><img src="../大作业图片/t3.png"></a><a href="Life.html"><p>校园生活</p></a></li>
      </ul>
</div>
<div class="clear"></div>
<!---------Top End-------------->
<!---------Photo Start---------->
<div id="frame">
        <a id="a1" class="num">1</a>  
        <a id="a2" class="num">2</a>  
        <a id="a3" class="num">3</a>  
        <a id="a4" class="num">4</a>
        <a id="a5" class="num">5</a>
        <a id="a6" class="num">6</a>  
     <div id="photos" class="play">  
     <img src="../大作业图片/f1.png">
     <img src="../大作业图片/f2.png" width="790px" height="297px">
     <img src="../大作业图片/f3.png" width="790px" height="297px">
     <img src="../大作业图片/f4.png" width="790px" height="297px">
     <img src="../大作业图片/f5.png" width="790px" height="297px">
     <img src="../大作业图片/f6.png" width="790px" height="297px">
     </div>
</div>
<!---------Form Start------------>
<div id="log">
  <div class="user">
    <input type="text" name="username"  id="username" placeholder="用户名">
  </div>
  <div class="pwd">
    <input type="password" name="password" id="password" placeholder="密码">
  </div>
  <div class="logandreg">
    <input type="button" name="login" id="login" value="登陆" onclick="void_();"/>
    <input type="button" name="regist" id="regist" value="注册" onClick="creatwindow()"/>
    <script language="javascript">
   function void_()
  {
      if (confirm("登录失败！！！"))
      {
           alert("请输入用户名，密码！！！");
      }
   }
</script>
  </div>
</div>
<script type="text/javascript">
function creatwindow()
{
    window.open("reg.html","mywindow","menuber=no,height=200.width=300");
}
</script>
<!----------Form End------------>
<!-------Leftsead Start--------->
<div id="leftsead">
	<ul>
		<li><a href="message.html"><img src="../大作业图片/ll01.png" width="131" height="49" class="hides"/><img src="../大作业图片/l01.png" width="47" height="49" class="shows" /></a></li>
		<li><a href="#"><img src="../大作业图片/ll03.png" width="131" height="49"  class="hides"/><img src="../大作业图片/l03.png" width="47" height="49" class="shows" /></a></li>
		
		<li><a href="tencent://message/?Menu=yes&uin=487550140&Site=QQ咨询&Service=200&sigT=2a0e37386280486ada2b5d5e69ee49186ccae1257fd9e1c9598af1f0b9c916067002a57aaaec8c8d"><img src="../大作业图片/ll04.png" width="131" height="49" class="hides"/><img src="../大作业图片/l04.png" width="47" height="49" class="shows" /></a></li>
		<li><a href="http://map.baidu.com/?c=13529873.479725,4680588.566543&s=nb%26gr_radius%3D5000%26c%3D167%26wd%3D%25E5%25A4%25A7%25E8%25BF%259E%25E4%25B8%259C%25E8%25BD%25AF%25E4%25BF%25A1%25E6%2581%25AF%25E5%25AD%25A6%25E9%2599%25A2%26nb_x%3D13529873.479725%26nb_y%3D4680588.566543&from=alamap&tpl=mapdots"><img src="../大作业图片/ll05.png" width="131" height="49" class="hides"/><img src="../大作业图片/l05.png" width="47" height="49" class="shows" /></a></li>
		<li><a id="top_btn"><img src="../大作业图片/ll06.png" width="131" height="49" class="hides"/><img src="../大作业图片/l06.png" width="47" height="49" class="shows" /></a></li>
	</ul>
</div>

<script type="text/javascript">
$(document).ready(function(){

	$("#leftsead a").hover(function(){
		if($(this).prop("className")=="youhui"){
			$(this).children("img.hides").show();
		}else{
			$(this).children("img.hides").show();
			$(this).children("img.shows").hide();
			$(this).children("img.hides").animate({marginRight:'0px'},'slow'); 
		}
	},function(){ 
		if($(this).prop("className")=="youhui"){
			$(this).children("img.hides").hide('slow');
		}else{
			$(this).children("img.hides").animate({marginRight:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
		}
	});

	$("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

});
</script>
<!--------Leftsead End---------->
<!-------Content Star----------->
<div id="content">
<div id="context1">
     <a href="#" class="a">新闻 NEWS:&nbsp;&nbsp;</a>
     <ul>
     <li><a href="#">大连市高等学校联合会办公室制作...</a><p class="solid">11月29日下午，由大连市高校联合会主办、<br>大连东软信息学院承办的大连市高等学校联合会...</p></li>
     <li><a href="#">我校学生在第九届全国大学生网络商务创新应...</a></li>
     <li><a href="#">郭权副校长一行深入各教学系部，开展评...</a></li>
     <li><a href="#">大连市人大常委会副主任沈丽蓉一行到我下视...</a></li>
     <li><a href="#">我校荣获“2016中国就业竞争力民办大学”</a></li>
     <li><a href="#">大连市中小学微课大赛表彰大会在我校举行</a></li>
     <li><a href="#">我校数字技术系邀请玻璃艺术家石林进行教师...</a></li>
     </ul>
</div>
<div id="context2">
     <a href="#" class="a">2016迎新:&nbsp;&nbsp;</a>
     <img src="../大作业图片/c1.png" width="430px"; height="160"px>
     <h3><a href="#">我校举行第十六届“十佳歌手”大赛</a></h3>
     <h4><a href="#">11月19日晚，我校第十六届“十佳歌手”决赛在三期大学生活动中心拉开帷幕。本次活动由...</a></h4>
</div>
<div id="context3">
     <a href="#" class="a">创新创业:&nbsp;&nbsp;</a>
     <img src="../大作业图片/c2.png" width="430px"; height="160"px>
     <h3><a href="#">【中国青年报】大连东软：团委与创业部门</a></h3>
     <h4><a href="#">前段时间，大连东软信息学院团委书记李楠有些烦恼，在外出开会的时候，总有其他学校...</a></h4>
</div>
<div id="context4">
<h2>学校宣传片</h2>
<div class="move">
      <video src="../大作业图片/2016DNUI.mp4" width="900" height="500" controls poster="../大作业图片/m1.jpg">您的浏览器不支持此种视频格式。</video> 
</div>
<p> 大连东软信息学院是经国家教育部批准设立，由东软控股、亿达集团共同投资举办的一所民办普通高等院校。2000年经辽宁省教育厅批准，成立大连东方信息技术研修学院并成为东北大学网络教育学院大连分院，开展网络本科教育；2001年经辽宁省政府批准，大连东方信息技术研修学院转制为大连东软信息技术职业学院，开展高职专科教育；2003年学校被教育部确定为首批35所国家级示范性软件职业技术学院之一，并成为院长联席会主席单位；2004年成为东北大学的独立学院--东北大学东软信息学院，开展全日制本科教育；2008年转设为独立设置的民办本科院校--大连东软信息学院，成为全国首批转设的四所独立学院之一。
        学校坐落于美丽的海滨城市大连，地处大连软件园核心区域，占地面积905亩（60.3万平方米），总建筑面积39.9万平方米，现有全日制在校生14775人，正式教职工734人，其中自有专任教师502人，专职辅导员77人，其他各类人员155人。学校现设有14个教学机构，学科专业涵盖工学、管理学、艺术学、文学4个学科门类，共设置了25个本科专业。
        2000年建校之初，学校就明确了服务行业及区域经济发展的应用型办学定位。办学十六年来,学校以教育创造学生价值为理念，构建了产教融合、面向应用的办学体制，形成了校企合作、协同共赢的运行机制，创造性地提出并在全校范围实施了TOPCARES-CDIO一体化人才培养模式，已累计为社会培养了4万余名毕业生，2013年以来各年度就业率均在95％以上，人才培养质量得到了用人单位、社会各界的广泛认可，2015年学校成为辽宁省首批向应用型转变的10所试点高校之一。
        建校以来，学校共获省级以上教学成果奖27项，其中：2005年获国家级教学成果一等奖1项、省级教学成果特等奖1项；2009年获国家级教学成果二等奖1项、省级教学成果一等奖2项；2013年获省级教学成果一等奖4项。学校现有本科专业中，有1个国家级本科综合改革试点专业，4个省级综合改革试点专业，2个省级首批优势特色专业，4个省级工程人才培养模式改革试点专业，2个省级重点支持专业，1个省级首批向应用型转变试点专业，1个本科课程体系国际化试点专业，2个省级创新创业教育改革试点专业。在2012-2014年三个年度辽宁省面向全省本科高校开展的本科专业综合评价中，学校参评的11个专业中有7个位于全省前3名。
        学校2002年就建立了大学生创业中心（Student Office & Venture Office，简称 SOVO），并在国家工商总局注册了商标，探索将创新创业教育融入人才培养全过程。目前已成为辽宁省创业教育示范校、首批大学生创业孵化示范基地、首批大学生创新创业教育实践基地、首批大学生创业项目选育基地；2016年3月获批科技部火炬中心众创空间，8月学校被教育部评为首批50所全国创新创业典型经验高校。
        学校立足自身优势学科专业，积极开展应用研发与科技服务。近年来，学校获国家自然科学基金面上项目2项、青科基金2项、教育部人文社科一般项目2项、校企联合国家级项目4项；获专利9项、集成电路布图设计1项、计算机软件著作权7项、软件产品登记证书5项、商标3项；获市级以上科技进步奖6项，其中获辽宁省科技进步一等奖1项；有133篇论文获市级以上自然学术论文成果奖。学校获批省级重点实验室3个、工程技术研究中心1个、高等学校对接产业集群协同创新基地1个、创新团队1个，获大连市工程技术研究中心2个。学校2013-2015年实现科技服务总额5633万元。学校还下设东软电子出版社和《软件工程》杂志社，为教师教学、科研成果的孵化和推广搭建了平台。
        学校坚持开放办学和国际合作，目前已与美国圣何塞州立大学、澳大利亚莫纳什大学、英国拉夫堡大学、日本名古屋工业大学、韩国建国大学、俄罗斯莫斯科交通大学等近90所国外高校建立友好合作关系，开展了留学生学历教育、跨文化项目、交换生项目等多种合作。每年来校长短期留学生300余人，出国留学和短期交流学生150人左右。
        多年来，学校被省市政府授予省文明高校、省平安示范校园、省精神文明创建工作先进单位、市先进党委、市软件和服务外包产业突出贡献单位、市工业科教旅游示范单位等荣誉称号；被行业协会、研究会等评为中国民办高等教育优秀院校，荣获“全国民办高校党的建设和思想政治工作”党建类优秀成果特等奖、思想政治类优秀成果特等奖，在“武书连2016中国民办大学综合实力前100名排行榜”中位列全国第7。学校连续多年被新华网、中国网、搜狐、新浪、腾讯等媒体评为“中国社会影响力民办高校”“中国十大品牌民办高校”“中国最具实力民办大学”等称号。
        面向未来，学校将紧密围绕立德树人根本任务，主动融入产业转型升级和创新驱动发展，以更加开放的视野整合社会资源，以持续的改革创新提升办学能力，提高人才培养质量，力争用五年左右时间，建设成为具有显著行业特色和创新创业教育特色的高水平应用技术大学。</p>
</div>
</div>
<!-------Content End------------>
<!-------Footer Start----------->
<div id="footer">
<div class="container">
			<div id="footer-left">
				<ul>
                <li>友情链接</li>
				<li>
                    <a href='http://www.neusoft.com/' target='_blank'>东软集团</a>
                    <a href='http://www.nsu.edu.cn/' target='_blank'>成都东软学院</a>
                    <a href='http://nanhai.neusoft.edu.cn/' target='_blank'>广东东软学院</a>
                    <a href='http://www.neubooks.com/' target='_blank'>东软电子出版社</a>
                    <a href='http://www.cooventure.com/' target='_blank'>睿创网</a>
                  </li>
				</ul>
			</div>
			<div class="footer-right">
            <h1 id="timer">00:00:00</h1>
            <script type="text/javascript"> 
                var now=new Date() 
                document.write(1900+now.getYear()+"-"+(now.getMonth()+1)+"-"+now.getDate())
            </script> 
            <script type="text/javascript">
                setInterval("setTime()",1000);
            </script>
			</div>
</div>
<!--------Footer End------------>
</div>
</body>
</html>
